<template>
	<view class="container">
	  <radio-group>
	    <view class="additem">
	      <radio value="1" checked="checked" />
	      <view class="add">
	        <view class="addname">
	          <text>刘生</text>
	          <text>13589098776</text>
	        </view>
	        <view class="addinfo">
	          广东省广州市越秀区五羊新城120号203房
	        </view>
	      </view>
	      <navigator url="#">编辑</navigator>
	    </view>
	    <view class="additem">
	      <radio value="1" />
	      <view class="add">
	        <view class="addname">
	          <text>刘生</text>
	          <text>13589098776</text>
	        </view>
	        <view class="addinfo">
	          广东省广州市越秀区五羊新城120号203房
	        </view>
	      </view>
	      <navigator url="#">编辑</navigator>
	    </view>
	    <view class="additem">
	      <radio value="1" />
	      <view class="add">
	        <view class="addname">
	          <text>刘生</text>
	          <text>13589098776</text>
	        </view>
	        <view class="addinfo">
	          广东省广州市越秀区五羊新城120号203房
	        </view>
	      </view>
	      <navigator url="#">编辑</navigator>
	    </view>
	  </radio-group>
	
	  <view class="bottomopt">
	    <button>增加地址</button>
	    <button>获取当前地址</button>
	  </view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
  background: #F8F8FF;
  font-size: 32rpx;
}
.container{
  margin:16rpx;
  padding-bottom: 100rpx;
}
.additem{
  background-color: white;
  border-radius: 16rpx;
  padding:24rpx;
  margin: 16rpx 0;
   display: flex;
  flex-direction: row;
  align-items: center;
}
.add{
  flex: 1;
  display: flex;
  flex-direction: column;
} 
.addname text{
  font-size: 40rpx;
  line-height: 80rpx;
  margin-right: 24rpx;
}
.addinfo{
  line-height: 64rpx;
}
.additem navigator{
  padding:0 10rpx;
  color:red;
}

.bottomopt{
  display: flex;
  flex-direction: row;
  background-color: white;
  border-top:1px solid #ccc;
  width:100%;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 100rpx;
  z-index: 100;
}
.bottomopt button{
  width:40%;
  height: 78rpx;
  background-color: #d81e06;
  border-radius: 78rpx;
  color:white;
  line-height: 78rpx;
  margin-right: 32rpx;
  margin-top: 11rpx;
  font-size: 32rpx;
  padding:0;
} 
.bottomopt button:last-child{
  background-color: #576b95;
}
</style>
